<d3fc-group class="cartesian-chart" auto-resize=""><div class="chart-label top-label" style="margin-bottom: 1em; margin-top: 0px;"></div><div class="x-label bottom-label">bucket("Order Date", 'M')</div><div class="y-label left-label">Sales</div><d3fc-svg class="svg-plot-area plot-area"><svg viewBox="0 0 875 583" preserveAspectRatio="none"><g class="multi"><g><line class="gridline-y" x1="49.626865671641795" x2="49.626865671641795" y1="583" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="109.70149253731343" x2="109.70149253731343" y1="583" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="169.77611940298507" x2="169.77611940298507" y1="583" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="229.19776119402985" x2="229.19776119402985" y1="583" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="288.61940298507466" x2="288.61940298507466" y1="583" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="348.6940298507463" x2="348.6940298507463" y1="583" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="408.7686567164179" x2="408.7686567164179" y1="583" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="467.5373134328358" x2="467.5373134328358" y1="583" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="526.9589552238806" x2="526.9589552238806" y1="583" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="587.0335820895523" x2="587.0335820895523" y1="583" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="647.1082089552239" x2="647.1082089552239" y1="583" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="705.8768656716418" x2="705.8768656716418" y1="583" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="765.2985074626866" x2="765.2985074626866" y1="583" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="825.3731343283582" x2="825.3731343283582" y1="583" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-x" y1="583" y2="583" x1="0" x2="875" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="534.4166666666666" y2="534.4166666666666" x1="0" x2="875" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="485.83333333333337" y2="485.83333333333337" x1="0" x2="875" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="437.25" y2="437.25" x1="0" x2="875" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="388.6666666666667" y2="388.6666666666667" x1="0" x2="875" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="340.0833333333333" y2="340.0833333333333" x1="0" x2="875" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="291.5" y2="291.5" x1="0" x2="875" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="242.91666666666666" y2="242.91666666666666" x1="0" x2="875" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="194.33333333333334" y2="194.33333333333334" x1="0" x2="875" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="145.75" y2="145.75" x1="0" x2="875" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="97.16666666666664" y2="97.16666666666664" x1="0" x2="875" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="48.58333333333336" y2="48.58333333333336" x1="0" x2="875" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="0" y2="0" x1="0" x2="875" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line></g></g><g class="multi"><g><g class="multi"><g><g class="multi"><g><path class="area" fill="#ddd" d="M9.794776119402984,583L30.03731343283582,583L69.86940298507463,583L109.70149253731343,583L129.94402985074626,583L149.53358208955223,583L169.77611940298507,583L229.19776119402985,583L329.1044776119403,583L348.6940298507463,583L368.9365671641791,583L388.5261194029851,583L408.7686567164179,583L447.29477611940297,574.5173500000001L467.5373134328358,583L507.36940298507466,288.3615166666666L526.9589552238806,583L567.4440298507462,583L626.865671641791,583L705.8768656716418,583L745.7089552238806,558.07092L805.7835820895523,583L825.3731343283582,583L845.615671641791,471.07565999999997L865.205223880597,569.15958L865.205223880597,583L845.615671641791,583L825.3731343283582,583L805.7835820895523,583L745.7089552238806,583L705.8768656716418,583L626.865671641791,583L567.4440298507462,583L526.9589552238806,583L507.36940298507466,583L467.5373134328358,583L447.29477611940297,583L408.7686567164179,583L388.5261194029851,583L368.9365671641791,583L348.6940298507463,583L329.1044776119403,583L229.19776119402985,583L169.77611940298507,583L149.53358208955223,583L129.94402985074626,583L109.70149253731343,583L69.86940298507463,583L30.03731343283582,583L9.794776119402984,583Z" style="fill: rgba(3, 102, 214, 0.8); opacity: 0.5;"></path></g></g><g class="multi"><g><path class="area" fill="#ddd" d="M9.794776119402984,556.03625L30.03731343283582,583L69.86940298507463,567.8031333333333L109.70149253731343,480.02276666666666L129.94402985074626,583L149.53358208955223,583L169.77611940298507,560.6905333333333L229.19776119402985,583L329.1044776119403,583L348.6940298507463,583L368.9365671641791,583L388.5261194029851,583L408.7686567164179,577.3410133333333L447.29477611940297,574.5173500000001L467.5373134328358,506.0595466666667L507.36940298507466,281.2586333333333L526.9589552238806,583L567.4440298507462,583L626.865671641791,583L705.8768656716418,583L745.7089552238806,558.07092L805.7835820895523,573.744875L825.3731343283582,568.68152L845.615671641791,471.07565999999997L865.205223880597,569.15958L865.205223880597,569.15958L845.615671641791,471.07565999999997L825.3731343283582,583L805.7835820895523,583L745.7089552238806,558.07092L705.8768656716418,583L626.865671641791,583L567.4440298507462,583L526.9589552238806,583L507.36940298507466,288.3615166666666L467.5373134328358,583L447.29477611940297,574.5173500000001L408.7686567164179,583L388.5261194029851,583L368.9365671641791,583L348.6940298507463,583L329.1044776119403,583L229.19776119402985,583L169.77611940298507,583L149.53358208955223,583L129.94402985074626,583L109.70149253731343,583L69.86940298507463,583L30.03731343283582,583L9.794776119402984,583Z" style="fill: rgba(255, 127, 14, 0.8); opacity: 0.5;"></path></g></g><g class="multi"><g><path class="area" fill="#ddd" d="M9.794776119402984,556.03625L30.03731343283582,514.6510233333333L69.86940298507463,567.8031333333333L109.70149253731343,462.39187499999997L129.94402985074626,259.49330000000003L149.53358208955223,42.255840000000056L169.77611940298507,560.6905333333333L229.19776119402985,492.54560666666663L329.1044776119403,426.17882999999995L348.6940298507463,572.13288L368.9365671641791,464.50136333333336L388.5261194029851,527.9414800000001L408.7686567164179,577.3410133333333L447.29477611940297,574.5173500000001L467.5373134328358,506.0595466666667L507.36940298507466,281.2586333333333L526.9589552238806,545.1633L567.4440298507462,530.0072433333333L626.865671641791,338.6083433333333L705.8768656716418,575.4443200000001L745.7089552238806,558.07092L805.7835820895523,527.291435L825.3731343283582,565.6887866666666L845.615671641791,468.315155L865.205223880597,569.15958L865.205223880597,569.15958L845.615671641791,471.07565999999997L825.3731343283582,568.68152L805.7835820895523,573.744875L745.7089552238806,558.07092L705.8768656716418,583L626.865671641791,583L567.4440298507462,583L526.9589552238806,583L507.36940298507466,281.2586333333333L467.5373134328358,506.0595466666667L447.29477611940297,574.5173500000001L408.7686567164179,577.3410133333333L388.5261194029851,583L368.9365671641791,583L348.6940298507463,583L329.1044776119403,583L229.19776119402985,583L169.77611940298507,560.6905333333333L149.53358208955223,583L129.94402985074626,583L109.70149253731343,480.02276666666666L69.86940298507463,567.8031333333333L30.03731343283582,583L9.794776119402984,556.03625Z" style="fill: rgba(44, 160, 44, 0.8); opacity: 0.5;"></path></g></g></g></g><g class="multi"><g><g class="multi"><g><path class="line" fill="none" stroke="#000" d="M9.794776119402984,583L30.03731343283582,583L69.86940298507463,583L109.70149253731343,583L129.94402985074626,583L149.53358208955223,583L169.77611940298507,583L229.19776119402985,583L329.1044776119403,583L348.6940298507463,583L368.9365671641791,583L388.5261194029851,583L408.7686567164179,583L447.29477611940297,574.5173500000001L467.5373134328358,583L507.36940298507466,288.3615166666666L526.9589552238806,583L567.4440298507462,583L626.865671641791,583L705.8768656716418,583L745.7089552238806,558.07092L805.7835820895523,583L825.3731343283582,583L845.615671641791,471.07565999999997L865.205223880597,569.15958" style="stroke: rgb(3, 102, 214); stroke-width: 3;"></path></g></g><g class="multi"><g><path class="line" fill="none" stroke="#000" d="M9.794776119402984,556.03625L30.03731343283582,583L69.86940298507463,567.8031333333333L109.70149253731343,480.02276666666666L129.94402985074626,583L149.53358208955223,583L169.77611940298507,560.6905333333333L229.19776119402985,583L329.1044776119403,583L348.6940298507463,583L368.9365671641791,583L388.5261194029851,583L408.7686567164179,577.3410133333333L447.29477611940297,574.5173500000001L467.5373134328358,506.0595466666667L507.36940298507466,281.2586333333333L526.9589552238806,583L567.4440298507462,583L626.865671641791,583L705.8768656716418,583L745.7089552238806,558.07092L805.7835820895523,573.744875L825.3731343283582,568.68152L845.615671641791,471.07565999999997L865.205223880597,569.15958" style="stroke: rgb(255, 127, 14); stroke-width: 3;"></path></g></g><g class="multi"><g><path class="line" fill="none" stroke="#000" d="M9.794776119402984,556.03625L30.03731343283582,514.6510233333333L69.86940298507463,567.8031333333333L109.70149253731343,462.39187499999997L129.94402985074626,259.49330000000003L149.53358208955223,42.255840000000056L169.77611940298507,560.6905333333333L229.19776119402985,492.54560666666663L329.1044776119403,426.17882999999995L348.6940298507463,572.13288L368.9365671641791,464.50136333333336L388.5261194029851,527.9414800000001L408.7686567164179,577.3410133333333L447.29477611940297,574.5173500000001L467.5373134328358,506.0595466666667L507.36940298507466,281.2586333333333L526.9589552238806,545.1633L567.4440298507462,530.0072433333333L626.865671641791,338.6083433333333L705.8768656716418,575.4443200000001L745.7089552238806,558.07092L805.7835820895523,527.291435L825.3731343283582,565.6887866666666L845.615671641791,468.315155L865.205223880597,569.15958" style="stroke: rgb(44, 160, 44); stroke-width: 3;"></path></g></g></g></g></g></g></svg></d3fc-svg><d3fc-svg class="x-axis bottom-axis"><svg preserveAspectRatio="none" viewBox="0 0 875 32" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="#000" d="M0,6L0,0L875,0L875,6"></path><g class="tick" transform="translate(49.626865671641795, 0)"><path stroke="#000" d="M0,0L0,6"></path><text transform="translate(0, 9)" fill="#000" visibility="false" dy="0.71em">July</text></g><g class="tick" transform="translate(109.70149253731343, 0)"><path stroke="#000" d="M0,0L0,6"></path><text transform="translate(0, 9)" fill="#000" visibility="false" dy="0.71em">October</text></g><g class="tick" transform="translate(169.77611940298507, 0)"><path stroke="#000" d="M0,0L0,6"></path><text transform="translate(0, 9)" fill="#000" visibility="false" dy="0.71em">2012</text></g><g class="tick" transform="translate(229.19776119402985, 0)"><path stroke="#000" d="M0,0L0,6"></path><text transform="translate(0, 9)" fill="#000" visibility="false" dy="0.71em">April</text></g><g class="tick" transform="translate(288.61940298507466, 0)"><path stroke="#000" d="M0,0L0,6"></path><text transform="translate(0, 9)" fill="#000" visibility="false" dy="0.71em">July</text></g><g class="tick" transform="translate(348.6940298507463, 0)"><path stroke="#000" d="M0,0L0,6"></path><text transform="translate(0, 9)" fill="#000" visibility="false" dy="0.71em">October</text></g><g class="tick" transform="translate(408.7686567164179, 0)"><path stroke="#000" d="M0,0L0,6"></path><text transform="translate(0, 9)" fill="#000" visibility="false" dy="0.71em">2013</text></g><g class="tick" transform="translate(467.5373134328358, 0)"><path stroke="#000" d="M0,0L0,6"></path><text transform="translate(0, 9)" fill="#000" visibility="false" dy="0.71em">April</text></g><g class="tick" transform="translate(526.9589552238806, 0)"><path stroke="#000" d="M0,0L0,6"></path><text transform="translate(0, 9)" fill="#000" visibility="false" dy="0.71em">July</text></g><g class="tick" transform="translate(587.0335820895523, 0)"><path stroke="#000" d="M0,0L0,6"></path><text transform="translate(0, 9)" fill="#000" visibility="false" dy="0.71em">October</text></g><g class="tick" transform="translate(647.1082089552239, 0)"><path stroke="#000" d="M0,0L0,6"></path><text transform="translate(0, 9)" fill="#000" visibility="false" dy="0.71em">2014</text></g><g class="tick" transform="translate(705.8768656716418, 0)"><path stroke="#000" d="M0,0L0,6"></path><text transform="translate(0, 9)" fill="#000" visibility="false" dy="0.71em">April</text></g><g class="tick" transform="translate(765.2985074626866, 0)"><path stroke="#000" d="M0,0L0,6"></path><text transform="translate(0, 9)" fill="#000" visibility="false" dy="0.71em">July</text></g><g class="tick" transform="translate(825.3731343283582, 0)"><path stroke="#000" d="M0,0L0,6"></path><text transform="translate(0, 9)" fill="#000" visibility="false" dy="0.71em">October</text></g></svg></d3fc-svg><d3fc-svg class="y-axis left-axis"><svg preserveAspectRatio="none" viewBox="-48 0 48 583" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="#000" d="M-6,583L0,583L0,0L-6,0"></path><g class="tick" transform="translate(0, 583)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">0</text></g><g class="tick" transform="translate(0, 534.4166666666666)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">100</text></g><g class="tick" transform="translate(0, 485.83333333333337)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">200</text></g><g class="tick" transform="translate(0, 437.25)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">300</text></g><g class="tick" transform="translate(0, 388.6666666666667)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">400</text></g><g class="tick" transform="translate(0, 340.0833333333333)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">500</text></g><g class="tick" transform="translate(0, 291.5)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">600</text></g><g class="tick" transform="translate(0, 242.91666666666666)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">700</text></g><g class="tick" transform="translate(0, 194.33333333333334)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">800</text></g><g class="tick" transform="translate(0, 145.75)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">900</text></g><g class="tick" transform="translate(0, 97.16666666666664)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">1,000</text></g><g class="tick" transform="translate(0, 48.58333333333336)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">1,100</text></g><g class="tick" transform="translate(0, 0)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">1,200</text></g></svg></d3fc-svg></d3fc-group><div class="legend-container" borderbox-on-hover="true" style="z-index: 2; cursor: move;"><svg id="dragHandles" width="150" height="68"><g><rect id="dragleft" class="vertical-drag-handle" y="9" x="0" height="50" width="9" fill="lightgreen" fill-opacity="0" cursor="ew-resize" style="z-index: 3;"></rect><rect id="dragtop" class="horizontal-drag-handle" y="0" x="9" height="9" width="132" fill="lightblue" fill-opacity="0" cursor="ns-resize" style="z-index: 3;"></rect><rect id="dragright" class="vertical-drag-handle" y="9" x="141" height="50" width="9" fill="lightgreen" fill-opacity="0" cursor="ew-resize" style="z-index: 3;"></rect><rect id="dragbottom" class="horizontal-drag-handle" y="59" x="9" height="9" width="132" fill="lightblue" fill-opacity="0" cursor="ns-resize" style="z-index: 3;"></rect><rect id="dragtopleft" class="corner-drag-handle top left" height="9" width="9" fill="red" fill-opacity="0" cursor="nwse-resize" style="z-index: 3;" y="0"></rect><rect id="dragtopright" class="corner-drag-handle top right" height="9" width="9" fill="red" fill-opacity="0" cursor="nesw-resize" style="z-index: 3;" y="0" x="141"></rect><rect id="dragbottomright" class="corner-drag-handle bottom right" height="9" width="9" fill="red" fill-opacity="0" cursor="nwse-resize" style="z-index: 3;" y="59" x="141"></rect><rect id="dragbottomleft" class="corner-drag-handle bottom left" height="9" width="9" fill="red" fill-opacity="0" cursor="nesw-resize" style="z-index: 3;" y="59" x="0"></rect></g></svg><g class="legend-controls" style="display: none;"><span id="up-arrow" class="disabled">▲</span>
<span id="page-text">1/1</span>
<span id="down-arrow" class="disabled">▼</span>
</g><svg class="legend" height="66"><g class="legendCells" transform="translate(20,20)"><g class="cell" transform="translate(0, 0)"><circle class="swatch" r="6" style="fill: rgba(3, 102, 214, 0.8);"></circle><text class="label" transform="translate( 16, 5)">First Class</text><title>First Class|Sales</title></g><g class="cell" transform="translate(0, 16)"><circle class="swatch" r="6" style="fill: rgba(255, 127, 14, 0.8);"></circle><text class="label" transform="translate( 16, 5)">Second Class</text><title>Second Class|Sales</title></g><g class="cell" transform="translate(0, 32)"><circle class="swatch" r="6" style="fill: rgba(44, 160, 44, 0.8);"></circle><text class="label" transform="translate( 16, 5)">Standard Class</text><title>Standard Class|Sales</title></g></g></svg></div>